<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<style type="text/css">
			@font-face {
				font-family: 'iconfont';
				src: url('../../static/css/font/iconfont.eot');
				src: url('../../static/css/font/iconfont.eot?#iefix') format('embedded-opentype'), url('../../static/css/font/iconfont.woff2') format('woff2'), url('../../static/css/font/iconfont.woff') format('woff'), url('../../static/css/font/iconfont.ttf') format('truetype'), url('../../static/css/font/iconfont.svg#iconfont') format('svg');
			}
			
			.iconfont {
				font-family: "iconfont" !important;
				font-size: 16px;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
		</style>
		<link rel="stylesheet" href="../../static/css/people-center.css" />
		<script type="text/javascript" src="../../static/js/jquery-3.1.0.js"></script>
		<script type="text/javascript" src="../../static/js/people-center.js"></script>
	</head>

	<body>
		<!--顶部样式-->
		<header class="layout-header clearfix">
			<div class="mzcontainer">
				<!--魅族商标-->
				<div class="layout-header-logo">
					<a>
						<img src="../../static/img/1.png" style="max-width:125px;margin-top:28px;">
					</a>
				</div>
				<!--搜索框-->
				<ul class="layout-header-service">
					<li class="layout-search">
						<input class="meizu-header-input" type="text" name="魅族 Note9" id="魅族 Note9" placeholder="魅族 Note9" />
						<a><img src="../../static/img/2.png" class="layout-img-search" /></a>
					</li>
					<!--登录头像-->
					<li class="layout-header-service-item">
						<a class="layout-header-service-link">
							<img src="../../static/img/3.jpg" style="height: 30px;width: 30px;border-radius: 100%;">
						</a>
					</li>
					<!--购物车图标-->
					<li class="layout-header-service-cat">
						<a class="layout-header-service-cat">
							<img src="../../static/img/4.png" style="height: 30px;width: 30px;">
							<span class="layout-header-service-cat-num">0</span>
						</a>
					</li>
				</ul>
				<!--顶部条件搜索-->
				<ul class="layout-header-nav">
					<li class="layout-header-nav-item">
						<a class="layout-header-nav-link">手机</a>
					</li>
					<li class="layout-header-nav-item">
						<a class="layout-header-nav-link">声学</a>
					</li>
					<li class="layout-header-nav-item">
						<a class="layout-header-nav-link">配件</a>
					</li>
					<li class="layout-header-nav-item">
						<a class="layout-header-nav-link">生活</a>
					</li>
					<li class="layout-header-nav-item">
						<a class="layout-header-nav-link">Flyme</a>
					</li>
					<li class="layout-header-nav-item">
						<a class="layout-header-nav-link">服务</a>
					</li>
					<li class="layout-header-nav-item">
						<a class="layout-header-nav-link">专卖店</a>
					</li>
					<li class="layout-header-nav-item">
						<a class="layout-header-nav-link">社区</a>
					</li>
					<li class="layout-header-nav-item">
						<a class="layout-header-nav-link">APP下载</a>
					</li>
				</ul>
				<!--手机Hover列表-->
				<div>
					<a></a>
				</div>
				<!--顶部下划线-->
				<hr class="layout-header-downmenu"></hr>
			</div>
		</header>
		<!--中部订单页面显示-->
		<div class="store-wrap">
			<!--首页订单跳转-->
			<div class="crumbs">
				<a>首页&nbsp;></a>
				<a>我的商城&nbsp;</a>
			</div>
			<!--订单页面 -->
			<div class="main-clearfix">
				<div class="left-nav">
					<!--左边订单选项-->
					<div class="nav-main" id="nav-main-mk">
						<a class="type-title">订单中心</a>
						<a class="ml" id="m1">我的订单</a>
						<a class="ml" id="m2">我的回购单</a>
						<a class="type-title">个人中心</a>
						<a class="ml" id="m3">地址管理</a>
						<a class="ml" id="m4">我的收藏</a>
						<a class="ml" id="m5">消息管理</a>
						<a class="ml" id="m6">建议反馈</a>
						<a class="type-title">资产中心</a>
						<a class="ml" id="m7">我的优惠券</a>
						<a class="ml" id="m8">我的红包</a>
						<a class="ml" id="m9">我的回购金</a>
						<a class="type-title">服务中心</a>
						<a class="ml" id="m10">退款退换货跟踪</a>
						<a class="ml" id="m11">以旧换新</a>
					</div>
				</div>
				<!--右边格式-->
				<div class="right-content f-fr">
					<div class="index-main">
						<div class="top clearfix">
							<!--个人信息-->
							<div class="information clearfix f-fl">
								<div class="pic f-fl">
									<img src="../../static/img/3.jpg">
								</div>
								<div class="name f-fl">
									<span>我的小可爱不可爱了</span>
									<span>欢迎您回来！</span>
								</div>
								<div class="info f-fl">
									<ul>
										<li>
											Flyme账号：
											<span></span>
										</li>
										<li>
											绑定手机号：
											<span>1301****658</span>
										</li>
										<li class="emailText">
											绑定邮箱：
											<span>未绑定</span>
										</li>
									</ul>
									<a class="edit" target="_blank">修改个人信息 ></a>
								</div>
							</div>
							<!--回购金-->
							<div class="backCouponNum f-fl">
								<p>
									回购金：
									<span>￥0</span>
								</p>
							</div>
						</div>
						<!--订单状态-->
						<div class="bottom clearfix">
							<div class="orderState f-fl">
								<!--订单状态顶部-->
								<div class="title clearfix">
									<span class="f-fl">订单状态</span>
									<a class="detail f-fr">查看全部订单 ></a>
								</div>
								<!--待付款订单-->
								<div class="content">
									<div class="waitPay clearfix">
										<span class="f-fl cercl">
										<i class="iconfont icon-waitingPay">&#xe631;</i>
									</span>
										<div class="text f-fl">
											<p>
												待付款订单：
												<span class="num">0</span>
											</p>
											<a class="detail" data-mdesc="待付款订单">
												查看全部待付款订单 >
											</a>
										</div>
									</div>
									<!--待发货-->
									<div class="waitDeliver clearfix">
										<span class="f-fl cercl">
										<i class="iconfont icon-waitingDeliver">&#xe602;</i>
									</span>
										<div class="text f-fl">
											<p>待发货订单：</p>
											<span class="num">0</span>
											<a class="detail" data-mdesc="待发货订单">查看全部待发货订单 > </a>
										</div>
									</div>
								</div>
							</div>
							<!--活动信息-->
							<div class="message f-fl">
								<!--活动信息顶部-->
								<div class="title clearfix">
									<span class="f-fl">活动消息</span>
									<a class="f-fr detail" data-mdesc="查看全部消息">查看全部消息 ></a>
								</div>
								<!--活动信息详情-->
								<div id="tableList" class="list J_no_data">
									<span>您暂无此类消息提醒！</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--底部 -->
			<div class="meizu-footer">
				<div class="meizu-footer-link">
					<!--底部服务项目-->
					<div class="meizu-row">
						<ul class="meizu-footer-service">
							<li>
								<a>
									<img src="../../static/img/meizu49.png" />
									<span>满80免运费</span>
								</a>
							</li>
							<li>
								<a>
									<img src="../../static/img/meizu50.png" />
									<span>100+ 城市次日送达</span>
								</a>
							</li>
							<li>
								<a>
									<img src="../../static/img/meizu51.png" />
									<span>7天无理由退货</span>
								</a>
							</li>
							<li>
								<a>
									<img src="../../static/img/meizu52.png" />
									<span>15天换货保障</span>
								</a>
							</li>
							<li>
								<a>
									<img src="../../static/img/meizu53.png" />
									<span>1年免费保修</span>
								</a>
							</li>
							<li>
								<a>
									<img src="../../static/img/meizu54.png" />
									<span>上门快修</span>
								</a>
							</li>
						</ul>
						<div class="onlive-server">
							<span>周一至周日 7:30-24:00</span>
							<p class="tel">400-788-3333</p>
							<a class="onlive-btn">在线客服</a>
						</div>
					</div>
					<!--服务项目划线-->
					<hr class="foot-hr" />
					<!--底部了解详情-->
					<div class="meizu-footer-co">
						<div class="meizu-row-row">
							<div class="meizu-footer-info">
								<div class="meizu-footer-info-left">
									<ul class="clearfix">
										<li>
											<a><span>了解魅族</span></a>
										</li>
										<li>
											<a><span>加入我们</span></a>
										</li>
										<li>
											<a><span>联系我们</span></a>
										</li>
										<li>
											<a><span>Flyme</span></a>
										</li>
										<li>
											<a><span>魅族社区</span></a>
										</li>
										<li>
											<a><span>天猫旗舰店</span></a>
										</li>
										<li>
											<a><span>问题反馈</span></a>
										</li>
										<li>
											<a><span>线上销售授权名单公示</span></a>
										</li>
										<li>
											<a><span>出版物经营许可证证</span></a>
										</li>
										<li>
											<a><span>简体中文</span></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="meizu-footer-certificate">
						©2019 Meizu Telecom Equipment Co., Ltd. All rights reserved.
						<a>粤ICP备13003602号</a>
						<a>合字B2-20170010</a>
						<a>营业执照</a>
						<a>法律声明</a>
						<span>粤公网安备 44049102496009号</span>
						<a></a>
						<a></a>
						<a></a>
					</div>
					<div class="ii-subscribe">
						<a><img src="../../static/img/meizu115.png" /></a>
						<span class="li-hr"></span>
						<a><img src="../../static/img/meizu116.png"></a>
						<span class="li-hr"></span>
						<a><img src="../../static/img/meizu117.png"></a>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>